<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>活动</title>
		<link href="css/common.css" rel="stylesheet" type="text/css" />
		<link href="css/normolize.css" rel="stylesheet" type="text/css" />
		<link href="css/style.css" rel="stylesheet" type="text/css" />
		<!--[if IE 9]> <link href="css/ieHack9.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if IE 8]> <link href="css/ieHack.css" rel="stylesheet" type="text/css" /><link href="css/ieHack8.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if lte IE 7]> <link href="css/ieHack.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<style>body{background-color:#fff;}</style>
	</head>

	<body style="padding:20px 40px;">
		<div class="page-form">
						<div class="form">
							<form class="inline-form" id="searchForm">
								<input type="hidden" value="" name="id"  id="aid"/>
								<input type="hidden" name="pageNo" id="pageNo"  value=""/>
									<div>
										<label>游戏名称：</label>
										<input type="text" placeholder="请输入游戏名称" style="width: 160px;" />
									</div>
   
									<div>
										<label>游戏时间：</label>
										<input type="text" class="Wdate" onclick="WdatePicker()" />--<input type="text" class="Wdate" onclick="WdatePicker()" />
									</div>
									<input type="button" value="搜索" class="search-input-button" />
									<input type="button" value="重置" onclick="resetForm()" class="search-input-button bgblue" />
							</form>
						</div>
						<div style="margin-top: 20px;">
							<span class="btn disabled fl bgblue" id="groupSubmit">确认选择</span>
							<span class="inline-block" style="line-height:30px;margin-left:10px;">你也可以点击<span  class="colorblue">添加</span></span>
						</div>
						<div class="clearfix"></div>
						
					</div>
					
		<div class="table">
			<input type="hidden" value="" id="pageNo"  />
						<div class="tablelist">
							<table>
								<thead>
									<tr>
										<th class="colspan" style="width:130px;">
											<div class="checkbox inline-block">
												<input type="checkbox" value="" class="label-input" id="checkAll" />
												<label for="checkAll" class="input-label"></label>
											</div>
											游戏名称
										</th>
										<th>游戏类型</th>
										<th>启动时间</th>
										<th>开始日期</th>
										<th>结束日期</th>
									</tr>
								</thead>
								<tbody id="itemContainer">
									<tr>
										<td class="colspan" style="width:130px;">
											<div class="checkbox inline-block" style="position:relative;z-index:10;">
												<input type="checkbox" value="" class="label-input" id="checkbox_1" />
												<label for="checkbox_1" class="input-label"></label>
											</div>
											新版小刀游戏
										</td>
										<td>框框</td>
										<td>2016-09-09 10:35:17</td>
										<td>2016-09-09 10:35:17</td>
										<td>2016-09-09 10:35:17</td>
									</tr>
									
									<tr>
										<td class="colspan" style="width:130px;">
											<div class="checkbox inline-block" style="position:relative;z-index:10;">
												<input type="checkbox" value="" class="label-input" id="checkbox_2" />
												<label for="checkbox_2" class="input-label"></label>
											</div>
											新版小刀游戏
										</td>
										<td>框框</td>
										<td>2016-09-09 10:35:17</td>
										<td>2016-09-09 10:35:17</td>
										<td>2016-09-09 10:35:17</td>
									</tr>
									
									<tr>
										<td class="colspan" style="width:130px;">
											<div class="checkbox inline-block" style="position:relative;z-index:10;">
												<input type="checkbox" value="" class="label-input" id="checkbox_3" />
												<label for="checkbox_3" class="input-label"></label>
											</div>
											新版小刀游戏
										</td>
										<td>框框</td>
										<td>2016-09-09 10:35:17</td>
										<td>2016-09-09 10:35:17</td>
										<td>2016-09-09 10:35:17</td>
									</tr>

									
								</tbody>
							</table>
						</div>

						<div class="pagelist fr">
							<div class=" pagedesc fl">当前<span class="currentPage"></span>/<span class="totalpage"></span>，每页<span class="perpage"></span>条，共<span class="totalnumber"></span>条</div>
							<div class="pagination inline-block fl"></div>
							<div class="inline-block fl">
								到第<input type="text" value="" class="gotopage" />页 <input type="button" value="跳转" class="search-input-button border-radius bgblue gotopage_button"></span>
							</div>
						</div>

					</div>
	</body>

	<script src="js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/scroll/jquery.slimscroll.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/page/jPages.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/page/pageFun.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/js.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/wdatePicker/WdatePicker.js" type="text/javascript" charset="utf-8"></script>

	<script>
		$(function() {
			commonObj.checkinit();
			var pageObj = new pageFun();
			var currentpage = 1,
				perPage = 10,
				totalNumber = 50;
				pageObj.pageNoObj = $('#pageNo');
				pageObj.submitFun = function() {
						var currentPage=pageObj.pageNoObj.val(); //这个是当前页的页码
				}
				/*参数每页多少个,当前页,总个数,容器的ID*/
			pageObj.init(perPage, currentpage, totalNumber, 'itemContainer');
		 
		})
	</script>

</html>